    /* 移动端样式 */
	
	/* 布局 */
    .flex {
    	display: flex;
    }
	
	.flex-column{
		display: flex;
		flex-direction: column;
	}

    .flex-space-between {
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
    }

    .flex-space-around {
    	display: flex;
    	align-items: center;
    	justify-content: space-around;
    }

    .flex-flex-warp {
    	display: flex;
    	flex-wrap: wrap;
    	align-items: center;
    }

    .flex-alignItems-center {
    	display: flex;
    	align-items: center;
    }

    .flex-boderRadius-view {
    	border-radius: 14rpx;
    	padding: 20rpx;
    }

    .flex-center {
    	display: flex;
    	align-items: center;
    	justify-content: center;
    }

    .flex-between {
    	display: flex;
    	align-items: center;
    	justify-content: space-between;
    }
	
	.flex-around{
		display: flex;
		align-items: center;
		justify-content: space-around;
	}

    .flex-justAliCenter-column {
    	display: flex;
    	align-items: center;
    	flex-direction: column;
    	justify-content: center;
    }

    .position-fixed-bottom {
    	position: fixed;
    	bottom: 0;
    	left: 0;
    	padding: 20rpx;
    	width: 92%;
    }
	
	.position-fixed-100bottom {
    	position: fixed;
    	bottom: 0;
    	left: 0;
		width: 100%;
    }
	.position-fixed-94bottom {
		position: fixed;
		bottom: 0;
		left: 0;
		width: 94%;
	}
	
	/* 行高 */
	.line-h {
		line-height: 1.2;
	}
	
	/* 分割线 */
	.f-divider {
		width: 100%;
		height: 10rpx;
		border-bottom: 1px solid #DBDBDB;
	}
	.f-divider1 {
		border-bottom: 1px solid #DBDBDB;
	}
	
	/* 虚线分割线 */
	.f-dashed {
		border-bottom: 1px dashed #999;
	}
	

    /* 内边距 */
    .padding-10 {
    	padding: 10rpx;
    }

    .padding-30 {
    	padding: 30rpx;
    }

    .padding-20 {
    	padding: 20rpx;
    }
	
	.padding-10-0{
		padding: 10rpx 0;
	}
	.padding-20-0{
		padding: 20rpx 0;
	}
	.padding-30-0{
		padding: 30rpx 0;
	}
	
	.padding-0-10{
		padding: 0 10rpx;
	}
	.padding-0-20{
		padding: 0 20rpx;
	}
	.padding-0-30{
		padding: 0 30rpx;
	}

    .padding-bottom10 {
    	padding-bottom: 10rpx;
    }

    .padding-bottom20 {
    	padding-bottom: 20rpx;
    }

    .padding-bottom30 {
    	padding-bottom: 30rpx;
    }

    /* 外边距 */
    .margin-50-0 {
    	margin: 50rpx 0;
    }
	
	.margin-30-0 {
		margin: 30rpx 0;
	}

    .margin-20-0 {
    	margin: 20rpx 0;
    }
	
	.margin-10-0 {
		margin: 10rpx 0;
	}

    .margin-top10 {
    	margin-top: 10rpx;
    }

    .margin-top20 {
    	margin-top: 20rpx;
    }

    .margin-top30 {
    	margin-top: 30rpx;
    }

    .margin-top150 {
    	margin-top: 150rpx;
    }

    .margin-top50 {
    	margin-top: 50rpx;
    }

    .margin-left10 {
    	margin-left: 10rpx;
    }

    .margin-left20 {
    	margin-left: 20rpx;
    }

    .margin-left50 {
    	margin-left: 50rpx;
    }

    .margin-right10 {
    	margin-right: 10rpx;
    }

    .margin-right20 {
    	margin-right: 20rpx;
    }

    .margin-right30 {
    	margin-right: 30rpx;
    }

    .margin-right50 {
    	margin-right: 50rpx;
    }

    .margin-bottom10 {
    	margin-bottom: 10rpx;
    }

    .margin-bottom20 {
    	margin-bottom: 20rpx;
    }

    .margin-bottom30 {
    	margin-bottom: 30rpx;
    }

    .margin-bottom50 {
    	margin-bottom: 50rpx;
    }
	
	/* 盒子圆角 */
	.border-radius10{
		border-radius: 10rpx;
	}
	.border-radius20{
		border-radius: 20rpx;
	}
	.border-radius30{
		border-radius: 30rpx;
	}
	.border-radius50{
		border-radius: 50rpx;
	}
	
	/* 盒子形状 */
	.view-clip-path{
		clip-path:polygon(@one,@two,@three,@four)
	}

    /* 宽度 */
    .width-100 {
    	width: 100%;
    }
	
	.width-100rpx{
		width: 100rpx;
	}
	
	.width-200rpx{
		width: 200rpx;
	}
	.width-600rpx{
		width: 600rpx;
	}
	
	.width-96{
		width: 96%;
	}

    .width-92 {
    	width: 92%;
    }
	
	/* flex宽度 */
	.flex1{
		flex: 1;
	}

    /* 字体 */
    .fontWeight-bold {
    	font-weight: bold;
    }

    .fontSize-18 {
    	font-size: 18px;
    }

    .fontSize-16 {
    	font-size: 16px;
    }
	
	.fontSize-15 {
		font-size: 15px;
	}

    .fontSize-14 {
    	font-size: 14px;
    }

    .fontSize-13 {
    	font-size: 13px;
    }
	
	.fontSize-12 {
		font-size: 13px;
	}
	
	.fontSize-20 {
		font-size: 20px;
	}

    .fontSize-30 {
    	font-size: 30px;
    }

    /* 字体颜色 */
    .color-000 {
    	color: #000000;
    }

    .color-999 {
    	color: #999999;
    }

    .color-333 {
    	color: #333333;
    }

    .color-fff {
    	color: #ffffff;
    }

    .color-666 {
    	color: #666666;
    }
	.color-2EA5F5{
		color: #2EA5F5;
	}
	.color-4D4D4D{
		color: #4D4D4D;
	}
	.color-808080{
		color:#808080
	}
	.color-5A8AFF{
		color: #5A8AFF;
	}
	.color-FE3232{
		color: #FE3232;
	}
	.color-FC2020{
		color: #FC2020;
	}
	.color-1AAB19{
		color: #1AAB19;
	}
	.color-FF9600{
		color: #FF9600;
	}
	.color-4D4D4D{
		color: #4D4D4D;
	}
	.color-704234{
		color: #704234;
	}
	.color-54B095{
		color: #54B095;
	}

    /* 字体位置 */
    .text-center {
    	text-align: center;
    }

    .text-right {
    	text-align: right;
    }

    .text-left {
    	text-align: left;
    }
	
	/* 文字超出 */
	.text-ellipsis {
	   white-space: nowrap;
	   overflow: hidden;
	   text-overflow: ellipsis;
	}
	
	/* 文字超出几行... */
	.text-ellipsisNumber{
		overflow: hidden;
		word-break: break-all;
		text-overflow: ellipsis;
		display: -webkit-box !important;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	
	/* 文字可选中 */
	.text-user-select{
		user-select: text;
	}
	
	/* 背景颜色 */
	.bg-2C8BF2{
		background-color: #2C8BF2;
	}
	
	.bg-fff{
		background-color: #ffffff;
	}
	
	.bg-f6f6f6{
		background-color: #F6F6F6;
	}
	
	.bg-2EA5F5{
		background-color: #2EA5F5;
	}
	
	.bg-5A8AFF{
		background-color: #5A8AFF;
	}
	
	.bg-F5F8FF{
		background-color: #F5F8FF;
	}
	
	.bg-FFE9E9{
		background-color: #FFE9E9;
	}
	
	.bg-967C5E{
		background-color: #967C5E;
	}
	
	/* 渐变 */
	.bg-307EEC-239FFCbottom{
		background: linear-gradient( 90deg, #307EEC 0%, #239FFC 100%);
	}
	
	.bg-ECF2FF-FDFDFFbottom{
	   background: linear-gradient(to bottom, #ECF2FF 0%, #FDFDFF 100%);
	}	
	.bg-1F1F20-414141right{
	   background: linear-gradient(to right, #1F1F20 45%,#252526 10%, #1F1F20 40%);
	}
		
	.bg-C1A17C-D6B792center{
		background: linear-gradient( 103deg, #C1A17C 0%, #E6C8A4 55%, #D6B792 100%);
		border: 1rpx solid #967C5E;
	}
	/* 图片尺寸 */
	.img-6-26{
		width: 6rpx;
		height: 26rpx;
		flex-shrink: 0;
	}
	.img-20{
		width: 15rpx;
		height: 15rpx;
		flex-shrink: 0;
	}
	.img-26{
		width: 26rpx;
		height: 26rpx;
		flex-shrink: 0;
	}
	.img-32{
		width: 32rpx;
		height: 32rpx;
		flex-shrink: 0;
	}
    .img-38{
		width: 38rpx;
		height: 38rpx;
		flex-shrink: 0;
	}
	.img-40{
		width: 40rpx;
		height: 40rpx;
		flex-shrink: 0;
	}
	
	.img-44{
		width: 44rpx;
		height: 44rpx;
		flex-shrink: 0;
	}
	.img-68{
		width: 68rpx;
		height: 68rpx;
		flex-shrink: 0;
	}
	.img-100{
		width: 100rpx;
		height: 100rpx;
		flex-shrink: 0;
	}
	.img-120{
		width: 120rpx;
		height: 120rpx;
		flex-shrink: 0;
	}
	.img-180-140{
		width: 180rpx;
		height: 140rpx;
		flex-shrink: 0;
	}
	.img-160{
		width: 160rpx;
		height: 160rpx;
		flex-shrink: 0;
	}
	.img-180{
		width: 180rpx;
		height: 180rpx;
		flex-shrink: 0;
	}
	
	.img-200{
		width: 200rpx;
		height: 200rpx;
		flex-shrink: 0;
	}
	
	.img-280{
		width: 280rpx;
		height: 280rpx;
		flex-shrink: 0;
	}
	.img-300-160{
		width: 300rpx;
		height: 160rpx;
		flex-shrink: 0;
	}
	.img-345-416{
		width: 295rpx;
		height: 350rpx;
		flex-shrink: 0;
	}
	.img-690-140{
		width: 690rpx;
		height: 140rpx;
		flex-shrink: 0;
	}
	
	/* 图片清晰度 */
	.img-crisp-edges{
		// 提高图片清晰度
		image-rendering: -moz-crisp-edges; /* Firefox */
		image-rendering: -o-crisp-edges; /* Opera */
		image-rendering: -webkit-optimize-contrast; /* Webkit (non-standard naming) */
		image-rendering: crisp-edges;
		-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */
	}
	
	/* 图片灰度 grayscale的值介于0-1*/
	.img-filter{
		filter: grayscale(0.2); 
	}
	
	
	/* 按钮 */
	.btn50-54B095-15ffffff{
		padding: 20rpx;
		border-radius: 50rpx;
		background: #54B095;
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn10-307EEC239FFC-15ffffff{
		padding: 20rpx;
		border-radius: 10rpx;
		background: linear-gradient( 90deg, #307EEC 0%, #239FFC 100%);
		font-size: 15px;
		color: #ffffff;
	}
	.btn50-307EEC239FFC-15ffffff{
		padding: 20rpx;
		border-radius: 50rpx;
		background: linear-gradient( 90deg, #307EEC 0%, #239FFC 100%);
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn20-307EEC239FFC-15ffffff{
		padding: 20rpx;
		border-radius: 20rpx;
		background: linear-gradient( 90deg, #307EEC 0%, #239FFC 100%);
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn30-967C5E-15ffffff{
		padding: 30rpx;
		border-radius: 50rpx;
		background: #967C5E;
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn-967C5E-15ffffff{
		padding: 20rpx 30rpx;
		border-radius: 50rpx;
		background: #967C5E;
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn-C1A17C-D6B792{
		font-weight: 500;
		font-size: 13px;
		color: #3D3D3D;
		padding: 20rpx 30rpx;
		border-radius: 50rpx;
		background: linear-gradient( 103deg, #C1A17C 0%, #E6C8A4 55%, #D6B792 100%);
		border: 1rpx solid #967C5E;
	}
	
	.btn-FFD79E-3D3D3D{
		font-weight: 500;
		font-size: 13px;
		color: #3D3D3D;
		padding: 20rpx 30rpx;
		background: linear-gradient( 122deg, #FFD79E 0%, #FFDBA8 46%, #DEB478 100%);
		border-radius: 50rpx;
	}
	
	.btn-FC2020-15fff20{
		padding: 20rpx 30rpx;
		border-radius: 20rpx;
		background: #FC2020;
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn-5A8AFF-15fff20{
		padding: 20rpx 30rpx;
		border-radius: 20rpx;
		background: #5A8AFF;
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn-FFCBCB-15fff50{
		padding: 20rpx 30rpx;
		border-radius: 50rpx;
		background: #FFCBCB;
		font-size: 15px;
		color: #ffffff;
	}
	.btn-5A8AFF-15fff50{
		padding: 20rpx 30rpx;
		border-radius: 50rpx;
		background: #5A8AFF;
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn-2EA5F5-15fff50{
		padding: 20rpx 30rpx;
		border-radius: 50rpx;
		background: #2EA5F5;
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn-DBDBDB-15fff50{
		padding: 20rpx 30rpx;
		border-radius: 50rpx;
		background: #DBDBDB;
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn-09C55A-15fff50{
		padding: 30rpx;
		border-radius: 50rpx;
		background: #09C55A;
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn-FF9600-15fff50{
		padding: 20rpx 30rpx;
		border-radius: 50rpx;
		background: #FF9600;
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn-FE3232-15fff50{
		padding: 20rpx 30rpx;
		border-radius: 50rpx;
		background: #FE3232;
		font-size: 15px;
		color: #ffffff;
	}
	
	.btn-5A8AFFborder-5A8AFF50{
		padding: 20rpx 30rpx;
		border-radius: 50rpx;
		font-weight: 400;
		font-size: 15px;
		color: #5A8AFF;
		border: 1rpx solid #5A8AFF;
	}
	
	/* 弹窗 */
	.popup-view{
		padding: 30rpx;
		border-radius: 30rpx;
		background-color: #ffffff;
	}
	
	/* .popup-view{
		padding: 30rpx;
		border-radius: 30rpx;
		background-color: #ffffff;
	} */
	
